<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>安评工作成果监管</title>
    <script src="../../js/header.js"></script>
    <style type="text/css">
        html, body, #apcodeextract {
            padding: 0px;
            margin: 0px;
            /*height: 100%;*/
        }
        #apcodeextract{
            border-top: 3px solid #0D9AFF;
            /*background: #FFFFFF;
            box-shadow: 0px 2px 4px 0 rgba(200,200,200,0.50);*/
            padding: 25px;
            /*background: url(../../images/bg.png) no-repeat;
            background-size: 100% 100%;
            overflow: hidden;*/
        }
        .tab-title{
            font-size: 16px;
            font-weight: bold;
            border-left: 4px solid #0D9AFF;
            font-family: PingFangSC-Medium;
            padding-left:10px;
            margin-bottom: 20px;
        }
        .el-dialog__footer {
            padding: 10px 20px 20px;
            text-align: center;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        .el-dialog__body {
            color: rgb(96, 98, 102);
            font-size: 14px;
            word-break: break-all;
            padding: 0px 20px;
        }
        #excel {
            display: none;
        }
        .el-input__inner {
            -webkit-appearance: none;
            background-color: #FFF;
            background-image: none;
            border-radius: 4px;
            border: 1px solid #DCDFE6;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #606266;
            display: inline-block;
            font-size: inherit;
            height: 30px;
            line-height: 30px;
            outline: 0;
            padding: 0 15px;
            -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
            transition: border-color .2s cubic-bezier(.645,.045,.355,1);
        }
        .listed .el-form-item__label{
            letter-spacing: 3px;
        }
        #apcodeextract .el-input{
        	width: 80%;
        }
        #companycredit .el-input,
        #companycredit .el-select,
        #companycredit .el-input-number{
            width: 100%;
        }
        .listed .el-form-item__label{
            letter-spacing: 3px;
        }

        /* 搜索按钮样式修改 */
        #companycredit .el-button.is-circle.search_btn{
            position: absolute;
            right: 0;
            top: 0;
            border: 0;
            background: none;
        }
        #companycredit .el-button.is-circle.search_btn i{
            font-size: 17px;
        }

        .companycredit_gonggao .el-form-item__content{
            margin-left: 0!important;
        }
        #companycredit .companycredit_publicstate .el-select{
            width: auto;
        }

        /* 搜索按钮样式修改 */
        #apcodeextract .el-button.is-circle.search_btn{
            position: absolute;
            right: 0;
            top: 0;
            border: 0;
            background: none;
        }
        #apcodeextract .el-button.is-circle.search_btn i{
            font-size: 17px;
        }
        /* 拟制公告---封装样式 */
        .content_tab{
            padding: 20px 0;
        }
        .border_btm{
            border-bottom: 1px solid #ddd;
        }
        .border_right{
            border-right: 1px solid #ddd;
        }
    </style>
</head>
<body>
    <div v-cloak id="apcodeextract">
        <div style="margin-top: 10px;">
            <div style="margin-top: 10px;border-bottom:1px solid rgba(200,200,200,0.43);">
                <!-- 搜索表单 -->
                <el-form :model="selectForm" :rules="rules" ref="selectForm" label-width="150px">
                    <el-row>
                        <el-col :span="10">
                            <el-form-item label="监管任务标题:" prop="" label-width="120px">
                                <el-input v-model="selectForm.taskTitle" placeholder="" ></el-input>
                            </el-form-item>
                        </el-col>

                        <div style="float: right;">
                            <el-button type="primary" size="small" style="width: 60px;height: 30px;" @click="apply()">申请</el-button>
                            <el-button type="primary" size="small" style="width: 60px;height: 30px;" @click="searchForm('selectForm')">查询</el-button>
                            <el-button type="warning" size="small" style="width: 60px;height: 30px;" @click="resetForm('selectForm')">重置</el-button>
                        </div>
                    </el-row>
                </el-form>
            </div>
            <!-- 列表 -->
            <el-table :data="tableData" border style="width: 100%;margin-top: 35px;" :header-cell-style="{background:'#eef1f6',color:'#606266'}">
                <!--<el-table-column type="selection" ></el-table-column>-->
                <el-table-column
                        prop="superTitle"
                        label="监管任务标题"
                        width="200"
                        align="center" >
                </el-table-column>
                <el-table-column
                        prop="superTaskProporState"
                        label="国家级抽取比例"
                        width="200"
                        align="center">
                </el-table-column>
                <el-table-column
                        prop="superTaskProporProvin"
                        label="省级抽取比例"
                        width="200"
                        align="center">
                </el-table-column>
                <el-table-column
                        prop="superTaskProporLocal"
                        label="地市级抽取比例"
                        width="200"
                        align="center">
                </el-table-column>

                <!--<el-table-column-->
                        <!--prop="regulatoryNum"-->
                        <!--label="抽取人数"-->
                        <!--width="150"-->
                        <!--align="center">-->
                <!--</el-table-column>-->
                <el-table-column
                        prop="createTime"
                        label="创建时间"
                        width="150"
                        align="center">
                </el-table-column>
                <el-table-column
                        label="操作"
                        width=""
                        align="center">
                    <template slot-scope="scope">
                        <el-button size="mini" @click="apCodetList(scope.$index,scope.row)">查看项目列表</el-button>
                        <el-button v-show="(scope.row.enterpriseNotice == 0) ? true : false" type="info" size="mini" @click="gongGao(scope.$index,scope.row)">拟制公告</el-button>
                        <el-button v-show="(scope.row.enterpriseNotice != 0) ? true : false" size="mini" @click="gongGaoView(scope.$index,scope.row)">查看公告</el-button>
                    </template>
                </el-table-column>
            </el-table>
            <div style="overflow: hidden;">
                <div class="pagination">
                    <el-pagination
                            @size-change="handleSizeChange"
                            @current-change="handleCurrentChange"
                            :current-page="currentPage"
                            :page-sizes="[10, 20, 30, 40]"
                            :page-size="pagesize"
                            background
                            layout="total, sizes,prev, pager, next"
                            :total="tableTotal"
                            prev-text="上一页"
                            next-text="下一页">
                    </el-pagination>
                </div>
            </div>
            <!-- 拟制公告 -->
            <el-dialog title="" :visible.sync="dialogGongGaoForm" center fullscreen>
                <div style="margin-top: 10px;">
                    <el-form :model="gonggao" :rules="rules" ref="gonggao" label-width="140px">
                        <!--企业信用信息拟制公告表-->
                        <el-row>
                            <el-col :span="4" class="tab-title">
                                安评工作成果监管拟制公告表
                            </el-col>
                        </el-row>
                        <el-row class="companycredit_gonggao">
                            <el-col :span="2" class="tab" style="width: 120px;text-align: center;height: 30px;line-height: 30px;">
                                <span style="color: red;">*</span>
                                <span class="">标题:</span>
                            </el-col>
                            <el-col :span="12">
                                <el-form-item prop="title">
                                    <el-input v-model="gonggao.title" style="" placeholder="" ></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row class="companycredit_publicstate">
                            <el-col :span="6">
                                <el-form-item label="公布类别:" prop="isPublic" label-width="120px">
                                    <el-radio-group disabled v-model="gonggao.isPublic">
                                        <el-radio label="0">公示通报</el-radio>
                                    </el-radio-group>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row class="companycredit_publicstate">
                            <el-col :span="6">
                                <el-form-item label="公开状态:" prop="publicState" label-width="120px">
                                    <el-radio-group v-model="gonggao.publicState">
                                        <el-radio :label="0">不公开</el-radio>
                                        <el-radio :label="1">公开</el-radio>
                                    </el-radio-group>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row class="companycredit_publicstate">
                            <el-col :span="14">
                                <el-form-item label="公开地址类型:" prop="publicType" label-width="120px">
                                    <el-radio-group v-model="gonggao.publicType">
                                        <el-radio :label="0">服务门户</el-radio>
                                        <el-radio :label="1">工作门户</el-radio>
                                        <el-radio :label="2">服务门户和工作门户</el-radio>
                                    </el-radio-group>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row style="margin: 0 0 20px;">
                            <el-col :span="2" class="tab" style="width: 120px;text-align: center;height: 30px;line-height: 30px;">
                                <span>内容:</span>
                            </el-col>
                            <el-col :span="16">
                                <el-input
                                        type="textarea"
                                        :autosize="{ minRows: 8, maxRows: 8}"
                                        placeholder="请输入内容"
                                        v-model="gonggao.attachContent">
                                </el-input>
                            </el-col>
                        </el-row>
                        <el-row style="margin: 0 0 20px;">
                            <el-col :span="2" class="tab" style="width: 120px;text-align: center;height: 30px;line-height: 30px;">
                                <span>附加内容:</span>
                                <br/>
                                <span style="color: red;">(不可修改)</span>
                            </el-col>
                            <el-col :span="16" style="border: 1px solid #ddd;">
                                <el-row class="border_btm">
                                    <el-col :span="5" class="border_right" style="padding: 22px 0px;text-align: center;">
                                        <span>监管任务标题</span>
                                    </el-col>
                                    <el-col :span="11" style="padding: 22px 0px;">
                                        <span style="padding-left: 15px;">{{ apcodeextract.superTitle }}</span>
                                    </el-col>
                                </el-row>
                            </el-col>
                        </el-row>
                        <el-row style="margin-bottom: 30px;margin-top: 5px;">
                            <el-col :span="16" style="margin-left:120px">
                                <el-table :data="apcodeData" border style="width: 100%;" :header-cell-style="{background:'#eef1f6',color:'#606266'}">
                                    <el-table-column
                                            prop="recordProjectName"
                                            label="项目名称"
                                            width="200"
                                            align="center">
                                    </el-table-column>
                                    <el-table-column
                                            prop="recordProjectAddress"
                                            label="项目场址"
                                            width="250"
                                            align="center">
                                    </el-table-column>
                                    <el-table-column
                                            prop="recordProjectType"
                                            label="工程类别"
                                            width="200"
                                            align="center">
                                        <template scope="scope">
                                            <span v-if="scope.row.recordProjectType=='0'">涉核设施</span>
                                            <span v-if="scope.row.recordProjectType=='1'">国家水电工程</span>
                                            <span v-if="scope.row.recordProjectType=='2'">特殊设防类工程</span>
                                            <span v-if="scope.row.recordProjectType=='3'">次生灾害工程</span>
                                            <span v-if="scope.row.recordProjectType=='4'">省级重大建设工程</span>
                                            <span v-if="scope.row.recordProjectType=='5'">重要基础设施</span>
                                            <span v-if="scope.row.recordProjectType=='6'">其它</span>
                                        </template>
                                    </el-table-column>
                                    <el-table-column
                                            prop="status"
                                            label="审核状态"
                                            width="150"
                                            align="center">
                                        <template scope="scope">
                                            <span v-if="scope.row.status==0" style="color:#F19437;">未提交</span>
                                            <span v-if="scope.row.status==1" style="color:#20A0FF;">已提交待审核</span>
                                            <span v-if="scope.row.status==2" style="color:#FF4949;">审核未通过</span>
                                            <span v-if="scope.row.status==3" style="color:#67C23A;">审核已通过</span>
                                        </template>
                                    </el-table-column>
                                    <el-table-column
                                            prop="status"
                                            label="上报状态"
                                            width="120"
                                            align="center">
                                        <template scope="scope">
                                            <span v-if="scope.row.reportStatus==0" style="color:#F19437;">未上报</span>
                                            <span v-if="scope.row.reportStatus==1" style="color:#67C23A;">已上报</span>
                                        </template>
                                    </el-table-column>
                                    <el-table-column
                                            prop="recordUser"
                                            label="备案人员"
                                            width="200"
                                            align="center">
                                    </el-table-column>
                                    <el-table-column
                                            prop="recordLevel"
                                            label="备案级别"
                                            width="120"
                                            align="center">
                                    </el-table-column>
                                    <el-table-column
                                            prop="recordLevel"
                                            label="项目级别"
                                            width="200"
                                            align="center">
                                        <template scope="scope">
                                            <span v-if="scope.row.recordLevel==0">地方</span>
                                            <span v-if="scope.row.recordLevel==1">省级</span>
                                            <span v-if="scope.row.recordLevel==2">国家</span>
                                        </template>
                                    </el-table-column>
                                </el-table>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="18">
                                <el-form-item label="附件:" label-width="110px">
                                    <iframe width="100%" scrolling="no" style="height:200px;border: none;"   :src="link"></iframe>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="18">
                                <div style="float:right;">
                                    <el-button type="primary" size="small" style="width: 60px;height: 30px;" @click="release()">提交</el-button>
                                    <el-button type="info" size="small" style="width: 60px;height: 30px;" @click="dialogGongGaoForm = false;clearForm()">取消</el-button>
                                </div>
                            </el-col>
                        </el-row>
                    </el-form>
                </div>
            </el-dialog>
            <!-- 查看公告 -->
            <el-dialog title="" :visible.sync="dialogGongGaoViewForm" center fullscreen>
                <el-row>
                    <el-col :span="16" :offset="4">
                        <div style="margin-top: 10px;">
                            <el-form :model="gonggao" :rules="rules" ref="gonggao">
                                <!--公开公告信息表-->
                                <el-row style="margin-bottom: 10px;">
                                    <el-col>
                                        <h4 style="margin-top:10px;font-size: 40px;text-align: center;">{{ gonggao.title }}</h4>
                                    </el-col>
                                </el-row>
                                <el-row style="margin-bottom: 10px;padding-bottom: 10px;font-size: 24px;border-bottom: 1px solid #ddd;text-align: center;">
                                    <el-col :span="5">
                                        <span>{{ gonggao.createUser }}</span>
                                    </el-col>
                                    <el-col span="4">
                                        <span>{{ gonggao.inputenTime }}</span>
                                    </el-col>
                                    <el-col :span="5">
                                        <div style="float:right;">
                                            <span v-if="(gonggao.publicType == 0) ? true : false">服务门户</span>
                                            <span v-if="(gonggao.publicType == 1) ? true : false">工作门户</span>
                                            <span v-if="(gonggao.publicType == 2) ? true : false">服务门户和工作门户</span>
                                        </div>
                                    </el-col>
                                    <el-col :span="4">
                                        <div style="float:right;">
                                            <span v-if="(gonggao.publicState == 0) ? true : false">不公开</span>
                                            <span v-if="(gonggao.publicState != 0) ? true : false">公开</span>
                                        </div>
                                    </el-col>
                                    <el-col :span="5">
                                        <div style="float:right;">
                                            <span v-if="(gonggao.isPublic == 0) ? true : false">公示通报</span>
                                            <span v-if="(gonggao.isPublic == 1) ? true : false">标准规范</span>
                                        </div>
                                    </el-col>
                                </el-row>
                                <el-row style="margin: 40px 0;font-size: 24px">
                                    <el-col :span="20" :offset="2">
                                       <!-- {{ gonggao.attachContent }}-->
                                        <span v-html="gonggao.attachContent"></span>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col>
                                        <el-form-item label="">
                                            <iframe width="100%" scrolling="no" style="border: none;"   :src="link"></iframe>
                                        </el-form-item>
                                    </el-col>
                                </el-row>
                                    <!--<el-col :span="12" style="border: 1px solid #ddd;">
                                        <el-input type="textarea" :row="8" v-model="gonggao.content"></el-input>
                                    </el-col>-->
                                 <!--   <el-col :span="14" :offset="5" style="border: 1px solid #ddd;">
                                        <el-row class="border_btm">
                                            <el-col :span="4" class="border_right" style="padding: 22px 0px;text-align: center;">
                                                <span>任务标题</span>
                                            </el-col>
                                            <el-col :span="18" style="padding: 22px 0px;">
                                                <span style="padding-left: 15px;">{{ apcodeextract.superTitle }}</span>
                                            </el-col>
                                        </el-row>
                                    </el-col>
                                </el-row>-->
                              <!--  <el-row>
                                    <el-col>
                                        <div style="float:right;">
                                            <el-button type="info" size="small" style="width: 60px;height: 30px;" @click="dialogGongGaoViewForm = false;clearForm();">取消</el-button>
                                        </div>
                                    </el-col>
                                </el-row>-->
                            </el-form>
                        </div>
                    </el-col>
                </el-row>
            </el-dialog>

            <!-- 安评工作成果抽取列表 -->
            <el-dialog title="" :visible.sync="dialogApcodeForm" center fullscreen>
                <div style="margin-top: 10px;">
                    <el-form :model="apcodeextract" :rules="rules" ref="apcodeextract" label-width="140px">
                        <!--安评工作成果监管信息表-->
                        <el-row>
                            <el-col :span="4" class="tab-title">
                        		安评工作成果监管信息表
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="20">
                                <el-form-item label="标题:" prop="superTitle" :rules="rules.superTitle">
                                    <el-input v-model="apcodeextract.superTitle" placeholder="" :disabled="apCodeFormDisabled"></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row :gutter="20">
                            <el-col span="5">
                                <el-form-item label="国家级抽取比例:" prop="superTaskProporState" :rules="rules.superTaskProporState">
                                    <el-input v-model="apcodeextract.superTaskProporState" placeholder="" :disabled="apCodeFormDisabled"></el-input>%
                                </el-form-item>
                            </el-col>
                            <el-col :span="5">
                                <el-form-item label="省级抽取比例:" prop="superTaskProporProvin" :rules="rules.superTaskProporProvin">
                                    <el-input v-model="apcodeextract.superTaskProporProvin" placeholder="" :disabled="apCodeFormDisabled"></el-input>%
                                </el-form-item>
                            </el-col>
                            <el-col span="5">
                                <el-form-item label="地、市级抽取比例:" prop="superTaskProporLocal" :rules="rules.superTaskProporLocal">
                                    <el-input v-model="apcodeextract.superTaskProporLocal" placeholder="" :disabled="apCodeFormDisabled"></el-input>%
                                </el-form-item>
                            </el-col>
                            <el-col :span="5">
                                <el-form-item label="抽取总数:" prop="superTaskNum" :rules="rules.superTaskNum">
                                    <el-input v-model="apcodeextract.superTaskNum" placeholder="" :disabled="apCodeFormDisabled"></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="20">
                                <el-form-item label="监管内容" prop="taskContent">
                                    <el-input type="textarea" v-model="apcodeextract.taskContent" placeholder="" :disabled="apCodeFormDisabled" style="width: 80%; min-height: 100px;"></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="22">
                                <div style="float:right;">
                                    <el-button v-show="showApcodeExtract" type="primary" size="small" style="width: 60px;height: 30px;" @click="apCodeExtract('apcodeextract')">抽取</el-button>
                                    <!--<el-button type="info" size="small" style="width: 60px;height: 30px;" @click="clearExpertExtract()">重置</el-button>-->
                                </div>
                            </el-col>
                        </el-row>
                    </el-form>

                    <el-table :data="apcodeData" border style="width: 100%;margin-top: 35px;" :header-cell-style="{background:'#eef1f6',color:'#606266'}">
                        <el-table-column type="selection" ></el-table-column>
                        <el-table-column
                                :resizable="false"
                                type="index"
                                label="序号"
                                width="60" align="center" >
                        </el-table-column>
                        <el-table-column
                                prop="recordProjectName"
                                label="项目名称"
                                width="210"
                                align="center">
                        </el-table-column>
                        <el-table-column
                                prop="recordProjectAddress"
                                label="项目场址"
                                width="250"
                                align="center">
                        </el-table-column>
                        <el-table-column
                                prop="recordProjectType"
                                label="工程类别"
                                width="200"
                                align="center">
                            <template scope="scope">
                                <span v-if="scope.row.recordProjectType=='0'">涉核设施</span>
                                <span v-if="scope.row.recordProjectType=='1'">国家水电工程</span>
                                <span v-if="scope.row.recordProjectType=='2'">特殊设防类工程</span>
                                <span v-if="scope.row.recordProjectType=='3'">次生灾害工程</span>
                                <span v-if="scope.row.recordProjectType=='4'">省级重大建设工程</span>
                                <span v-if="scope.row.recordProjectType=='5'">重要基础设施</span>
                                <span v-if="scope.row.recordProjectType=='6'">其它</span>
                            </template>
                        </el-table-column>
                        <el-table-column
                                prop="status"
                                label="审核状态"
                                width="150"
                                align="center">
                            <template scope="scope">
                                <span v-if="scope.row.status==0" style="color:#F19437;">未提交</span>
                                <span v-if="scope.row.status==1" style="color:#20A0FF;">已提交待审核</span>
                                <span v-if="scope.row.status==2" style="color:#FF4949;">审核未通过</span>
                                <span v-if="scope.row.status==3" style="color:#67C23A;">审核已通过</span>
                            </template>
                        </el-table-column>
                        <el-table-column
                                prop="status"
                                label="上报状态"
                                width="120"
                                align="center">
                            <template scope="scope">
                                <span v-if="scope.row.reportStatus==0" style="color:#F19437;">未上报</span>
                                <span v-if="scope.row.reportStatus==1" style="color:#67C23A;">已上报</span>
                            </template>
                        </el-table-column>
                        <el-table-column
                                prop="recordUser"
                                label="备案人员"
                                width="150"
                                align="center">
                        </el-table-column>
                        <el-table-column
                                prop="recordLevel"
                                label="备案级别"
                                width="80"
                                align="center">
                        </el-table-column>
                        <el-table-column
                                prop="recordLevel"
                                label="项目级别"
                                width="100"
                                align="center">
                            <template scope="scope">
                                <span v-if="scope.row.recordLevel==0">地方</span>
                                <span v-if="scope.row.recordLevel==1">省级</span>
                                <span v-if="scope.row.recordLevel==2">国家</span>
                            </template>
                        </el-table-column>
                        <el-table-column
                                label="操作"
                                width="250"
                                align="center">
                            <template slot-scope="scope">
                                <el-button size="mini" @click="apcodeView(scope.$index,scope.row)">查看安评工作成果详情</el-button>
                                <el-button v-show="( scope.row.cqStatus == 0 ) ? true : false" type="danger" size="mini" @click="extractExpert(scope.$index,scope.row);">抽取监管专家</el-button>
                                <el-button v-show="( scope.row.cqStatus != 0 ) ? true : false" size="mini" @click="expertList(scope.$index,scope.row);">查看监管专家</el-button>
                            </template>
                        </el-table-column>
                    </el-table>

                    <div style="overflow: hidden;">
                        <div class="pagination">
                            <el-pagination
                                    @size-change="apcodehandleSizeChange"
                                    @current-change="apcodehandleCurrentChange"
                                    :current-page="apcodeCurrentPage"
                                    :page-sizes="[5, 10]"
                                    :page-size="apcodePagesize"
                                    background
                                    layout="total, sizes,prev, pager, next"
                                    :total="apcodeTableTotal"
                                    prev-text="上一页"
                                    next-text="下一页">
                            </el-pagination>
                        </div>
                    </div>
                </div>
            </el-dialog>


            <!-- 专家抽取列表---抽取 -->
            <el-dialog title="" :visible.sync="dialogExpertForm" center fullscreen>
                <div style="margin-top: 10px;">
                    <div>
                        <el-button v-show="showAddExpert" type="danger" @click="add">新增抽取条件</el-button>
                        <el-button v-show="showExpertExtract" type="danger" @click="expertExtract">抽取</el-button>
                        <el-form id="table-form" :prop="form" ref="form" :rules="rules" :model="form" >
                            <el-table ref="table" :data="form.expertTableData" border>
                                <el-table-column>
                                    <template slot="header">
                                        <p>
                                            专业
                                            <span style="color:red;font-size:16px;">*</span>
                                        </p >
                                    </template>
                                    <template slot-scope="scope">
                                        <el-form-item :prop=" 'expertTableData.' + scope.$index + '.major' " :rules="rules.major">
                                            <el-select v-model="scope.row.major" placeholder="请选择专业" @keyup.native.enter="nextFocus($event,scope.row)" :disabled="expertFormDisabled" >
                                                <el-option label="地震学" value="0"></el-option>
                                                <el-option label="地震地质学" value="1"></el-option>
                                                <el-option label="地震工程学" value="2"></el-option>
                                            </el-select>
                                            <!--<el-input v-model="scope.row.major" @keyup.native.enter="nextFocus($event,scope.row)"></el-input>-->
                                        </el-form-item>
                                    </template>
                                </el-table-column>
                                <el-table-column>
                                    <template slot="header">
                                        <p>
                                            国家级抽取比例
                                            <span style="color:red;font-size:16px;">*</span>
                                        </p >
                                    </template>
                                    <template slot-scope="scope">
                                        <el-form-item :prop=" 'expertTableData.' + scope.$index + '.countryRatio' " :rules="rules.countryRatio">
                                            <el-input
                                                    v-model="scope.row.countryRatio"
                                                    :disabled="expertFormDisabled"
                                                    @keyup.native.enter="nextFocus($event,scope.row)"
                                            ></el-input>%
                                        </el-form-item>
                                    </template>
                                </el-table-column>
                                <el-table-column v-if="extractOrgName == '中国'">
                                    <template slot="header">
                                        <p>
                                            省级抽取比例
                                            <span style="color:red;font-size:16px;">*</span>
                                        </p >
                                    </template>
                                    <template slot-scope="scope">
                                        <el-form-item :prop=" 'expertTableData.' + scope.$index + '.provinceRatio' " :rules="rules.provinceRatio" >
                                            <el-input
                                                    v-model="scope.row.provinceRatio"
                                                    :disabled="expertFormDisabled"
                                                    @keyup.native.enter="nextFocus($event,scope.row)"
                                            ></el-input>%
                                        </el-form-item>
                                    </template>
                                </el-table-column>
                                <template v-else>
                                    <el-table-column>
                                        <template slot="header">
                                            <p>
                                                省内抽取比例
                                                <span style="color:red;font-size:16px;">*</span>
                                            </p >
                                        </template>
                                        <template slot-scope="scope">
                                            <el-form-item :prop=" 'expertTableData.' + scope.$index + '.provinceRatio' " :rules="rules.provinceRatio">
                                                <el-input
                                                        v-model="scope.row.provinceRatio"
                                                        :disabled="expertFormDisabled"
                                                        @keyup.native.enter="nextFocus($event,scope.row)"
                                                ></el-input>%
                                            </el-form-item>
                                        </template>
                                    </el-table-column>
                                    <el-table-column>
                                        <template slot="header">
                                            <p>
                                                省外抽取比例
                                                <span style="color:red;font-size:16px;">*</span>
                                            </p>
                                        </template>
                                        <template slot-scope="scope">
                                            <el-form-item :prop=" 'expertTableData.' + scope.$index + '.cityRatio' " :rules="rules.cityRatio">
                                                <el-input
                                                        v-model="scope.row.cityRatio"
                                                        :disabled="expertFormDisabled"
                                                        @keyup.native.enter="nextFocus($event,scope.row)"
                                                ></el-input>%
                                            </el-form-item>
                                        </template>
                                    </el-table-column>
                                </template>
                                <el-table-column >
                                    <template slot="header">
                                        <p>
                                            抽取人数
                                            <span style="color:red;font-size:16px;">*</span>
                                        </p >
                                    </template>
                                    <template slot-scope="scope">
                                        <el-form-item :prop=" 'expertTableData.' + scope.$index + '.expertNum' " :rules="rules.expertNum">
                                            <el-input
                                                    v-model="scope.row.expertNum"
                                                    :disabled="expertFormDisabled"
                                                    @keyup.native.enter="nextFocus($event,scope.row)"
                                            ></el-input>
                                        </el-form-item>
                                    </template>
                                </el-table-column>
                                <el-table-column>
                                    <template slot="header">
                                        <p>
                                            操作
                                        </p>
                                    </template>
                                    <template slot-scope="scope">
                                        <el-button  icon="el-icon-delete"type="danger" @click="del(scope.$index)">删除</el-button>
                                    </template>
                                </el-table-column>
                            </el-table>
                        </el-form>
                    </div>

                    <el-table :data="expertData" border style="width: 100%;margin-top: 35px;" :header-cell-style="{background:'#eef1f6',color:'#606266'}">
                        <el-table-column type="selection" ></el-table-column>
                        <el-table-column
                                prop="expertName"
                                label="专家姓名"
                                width="200"
                                align="center">
                        </el-table-column>
                        <el-table-column
                                prop="major"
                                label="专业"
                                width="200"
                                align="center">
                            <template scope="scope">
                                <span v-if="scope.row.major==0">地震学</span>
                                <span v-if="scope.row.major==1">地震地质学</span>
                                <span v-if="scope.row.major==2">地震工程学</span>
                            </template>
                        </el-table-column>
                        <el-table-column
                                prop="expertTel"
                                label="联系方式"
                                width="200"
                                align="center">
                        </el-table-column>
                        <el-table-column
                                prop="expertLevl"
                                label="专家等级"
                                width="120"
                                align="center">
                            <template scope="scope">
                                <span v-if="scope.row.expertLevl==0">地方</span>
                                <span v-if="scope.row.expertLevl==1">省级</span>
                                <span v-if="scope.row.expertLevl==2">国家</span>
                            </template>
                        </el-table-column>
                        <el-table-column
                                prop="unitAddress"
                                label="单位所在地"
                                width="350"
                                align="center">
                        </el-table-column>
                        <el-table-column
                                label="操作"
                                width=""
                                align="center">
                            <template slot-scope="scope">
                                <el-button size="mini" @click="expertView(scope.$index,scope.row)">查看专家详情</el-button>
                            </template>
                        </el-table-column>
                    </el-table>
                    <div style="overflow: hidden;">
                        <!--<div class="pagination">
                            <el-pagination
                                    @size-change="handleSizeChange"
                                    @current-change="handleCurrentChange"
                                    :current-page="expertCurrentPage"
                                    :page-sizes="[5, 10]"
                                    :page-size="expertPagesize"
                                    background
                                    layout="total, sizes,prev, pager, next"
                                    :total="expertTableTotal"
                                    prev-text="上一页"
                                    next-text="下一页">
                            </el-pagination>
                        </div>-->
                    </div>
                </div>
            </el-dialog>

            <!-- 专家抽取列表--查看 -->
            <el-dialog title="" :visible.sync="dialogExpertViewForm" center fullscreen>
                <div style="margin-top: 10px;">
                    <div>
                        <el-button v-show="showAddExpert" @click="add">新增抽取条件</el-button>
                        <el-button v-show="showExpertExtract" @click="expertExtract">抽取</el-button>
                        <el-form id="table-form" :prop="form" ref="form" :rules="rules" :model="form" >
                            <el-table ref="table" :data="form.expertTableData" border>
                                <el-table-column>
                                    <template slot="header">
                                        <p>
                                            专业
                                            <span style="color:red;font-size:16px;">*</span>
                                        </p >
                                    </template>
                                    <template slot-scope="scope">
                                        <el-form-item :prop=" 'expertTableData.' + scope.$index + '.major' " :rules="rules.major">
                                            <el-select v-model="scope.row.major" placeholder="请选择专业" @keyup.native.enter="nextFocus($event,scope.row)" :disabled="expertFormDisabled" >
                                                <el-option label="地震学" value="0"></el-option>
                                                <el-option label="地震地质学" value="1"></el-option>
                                                <el-option label="地震工程学" value="2"></el-option>
                                            </el-select>
                                            <!--<el-input v-model="scope.row.major" @keyup.native.enter="nextFocus($event,scope.row)"></el-input>-->
                                        </el-form-item>
                                    </template>
                                </el-table-column>
                                <el-table-column>
                                    <template slot="header">
                                        <p>
                                            国家级抽取比例
                                            <span style="color:red;font-size:16px;">*</span>
                                        </p >
                                    </template>
                                    <template slot-scope="scope">
                                        <el-form-item :prop=" 'expertTableData.' + scope.$index + '.countryRatio' " :rules="rules.countryRatio">
                                            <el-input
                                                    v-model="scope.row.countryRatio"
                                                    :disabled="expertFormDisabled"
                                                    @keyup.native.enter="nextFocus($event,scope.row)"
                                            ></el-input>%
                                        </el-form-item>
                                    </template>
                                </el-table-column>
                                <el-table-column v-if="extractOrgName == '中国'">
                                    <template slot="header">
                                        <p>
                                            省级抽取比例
                                            <span style="color:red;font-size:16px;">*</span>
                                        </p >
                                    </template>
                                    <template slot-scope="scope">
                                        <el-form-item :prop=" 'expertTableData.' + scope.$index + '.provinceRatio' " :rules="rules.provinceRatio" >
                                            <el-input
                                                    v-model="scope.row.provinceRatio"
                                                    :disabled="expertFormDisabled"
                                                    @keyup.native.enter="nextFocus($event,scope.row)"
                                            ></el-input>%
                                        </el-form-item>
                                    </template>
                                </el-table-column>
                                <template v-else>
                                    <el-table-column>
                                        <template slot="header">
                                            <p>
                                                省内抽取比例
                                                <span style="color:red;font-size:16px;">*</span>
                                            </p >
                                        </template>
                                        <template slot-scope="scope">
                                            <el-form-item :prop=" 'expertTableData.' + scope.$index + '.provinceRatio' " :rules="rules.provinceRatio">
                                                <el-input
                                                        v-model="scope.row.provinceRatio"
                                                        :disabled="expertFormDisabled"
                                                        @keyup.native.enter="nextFocus($event,scope.row)"
                                                ></el-input>%
                                            </el-form-item>
                                        </template>
                                    </el-table-column>
                                    <el-table-column>
                                        <template slot="header">
                                            <p>
                                                省外抽取比例
                                                <span style="color:red;font-size:16px;">*</span>
                                            </p>
                                        </template>
                                        <template slot-scope="scope">
                                            <el-form-item :prop=" 'expertTableData.' + scope.$index + '.cityRatio' " :rules="rules.cityRatio">
                                                <el-input
                                                        v-model="scope.row.cityRatio"
                                                        :disabled="expertFormDisabled"
                                                        @keyup.native.enter="nextFocus($event,scope.row)"
                                                ></el-input>%
                                            </el-form-item>
                                        </template>
                                    </el-table-column>
                                </template>
                                <el-table-column >
                                    <template slot="header">
                                        <p>
                                            抽取人数
                                            <span style="color:red;font-size:16px;">*</span>
                                        </p >
                                    </template>
                                    <template slot-scope="scope">
                                        <el-form-item :prop=" 'expertTableData.' + scope.$index + '.expertNum' " :rules="rules.expertNum">
                                            <el-input
                                                    v-model="scope.row.expertNum"
                                                    :disabled="expertFormDisabled"
                                                    @keyup.native.enter="nextFocus($event,scope.row)"
                                            ></el-input>
                                        </el-form-item>
                                    </template>
                                </el-table-column>
                            </el-table>
                        </el-form>
                    </div>

                    <el-table :data="expertData" border style="width: 100%;margin-top: 35px;" :header-cell-style="{background:'#eef1f6',color:'#606266'}">
                        <el-table-column type="selection" ></el-table-column>
                        <el-table-column
                                prop="expertName"
                                label="专家姓名"
                                width="200"
                                align="center">
                        </el-table-column>
                        <el-table-column
                                prop="major"
                                label="专业"
                                width="200"
                                align="center">
                            <template scope="scope">
                                <span v-if="scope.row.major==0">地震学</span>
                                <span v-if="scope.row.major==1">地震地质学</span>
                                <span v-if="scope.row.major==2">地震工程学</span>
                            </template>
                        </el-table-column>
                        <el-table-column
                                prop="expertTel"
                                label="联系方式"
                                width="200"
                                align="center">
                        </el-table-column>
                        <el-table-column
                                prop="expertLevl"
                                label="专家等级"
                                width="120"
                                align="center">
                            <template scope="scope">
                                <span v-if="scope.row.expertLevl==0">地方</span>
                                <span v-if="scope.row.expertLevl==1">省级</span>
                                <span v-if="scope.row.expertLevl==2">国家</span>
                            </template>
                        </el-table-column>
                        <el-table-column
                                prop="unitAddress"
                                label="单位所在地"
                                width="350"
                                align="center">
                        </el-table-column>
                        <el-table-column
                                label="操作"
                                width=""
                                align="center">
                            <template slot-scope="scope">
                                <el-button size="mini" @click="expertView(scope.$index,scope.row)">查看专家详情</el-button>
                            </template>
                        </el-table-column>
                    </el-table>
                    <div style="overflow: hidden;">
                        <div class="pagination">
                            <el-pagination
                                    @size-change="experthandleSizeChange"
                                    @current-change="experthandleCurrentChange"
                                    :current-page="expertCurrentPage"
                                    :page-sizes="[5, 10]"
                                    :page-size="expertPagesize"
                                    background
                                    layout="total, sizes,prev, pager, next"
                                    :total="expertTableTotal"
                                    prev-text="上一页"
                                    next-text="下一页">
                            </el-pagination>
                        </div>
                    </div>
                </div>
            </el-dialog>

            <!-- 安评工作成果详细信息 -->
            <el-dialog title="" :visible.sync="apcodeInfoDialogForm" center fullscreen>
                <div style="margin-top: 0px;">
                    <el-form :model="viewrecordProject" :rules="rules" ref="viewrecordProject" label-width="140px">
                        <!--建设工程情况-->
                        <el-row>
                            <el-col :span="4" class="tab-title">
                                建设工程情况
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="7">
                                <el-form-item label="项目名称:" prop="recordProjectName" label-width="120px">
                                    <el-input v-model="viewrecordProject.recordProjectName" placeholder="" disabled></el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="17">
                                <el-form-item label="项目场址:" prop="recordProjectAddress" label-width="110px">
								<span v-for="(item,index) in viewrecordProject.address">
									<el-col :span="4">
										<el-form-item :prop="'address.'+index+'.provinceValue'" :rules="rules.provinceValue">
											<el-select v-model="item.provinceValue" placeholder="请选择省" @change="chooseProvince(item)" style="">
												<el-option
                                                        v-for="items in item.provinceData"
                                                        :key="items.code"
                                                        :label="items.name"
                                                        :value="items.name">
												</el-option>
											</el-select>
										</el-form-item>
									</el-col>
									<el-col span="0.5" style="color: rgb(192, 204, 218);text-align: center;">
										<span>—</span>
									</el-col>
									<el-col :span="4">
										<el-form-item :prop="'address.'+index+'.cityValue'" :rules="rules.cityValue">
											<el-select v-model="item.cityValue" placeholder="请选择市" @change="chooseCity(item)" style="">
												<el-option
                                                        v-for="items in item.cityData"
                                                        :key="items.code"
                                                        :label="items.name"
                                                        :value="items.name">
												</el-option>
											</el-select>
										</el-form-item>
									</el-col>
									<el-col span="0.5" style="color: rgb(192, 204, 218);text-align: center;">
										<span>—</span>
									</el-col>
									<el-col :span="4">
										<el-form-item :prop="'address.'+index+'.areaValue'" :rules="rules.areaValue">
											<el-select v-model="item.areaValue" placeholder="请选择区、县" @change="chooseArea(item)" style="">
												<el-option
                                                        v-for="items in item.areaData"
                                                        :key="items.code"
                                                        :label="items.name"
                                                        :value="items.name">
												</el-option>
											</el-select>
										</el-form-item>
							       </el-col>
									<el-col span="0.5" style="color: rgb(192, 204, 218);text-align: center;">
	                                      <span>—</span>
	                                </el-col>
									<el-col :span="7">
										<el-form-item>
											<el-input v-model="item.detailAddress" placeholder="填写详细地址" ></el-input>
										</el-form-item>
							       </el-col>
								    <el-button v-if="index=='0'" size="mini" @click="addAddress()" icon="el-icon-circle-plus-outline" style="margin-left: 8px;" disabled>跨省</el-button>
								    <el-button v-if="index!='0'" size="mini" @click="delAddress(index,item)" icon="el-icon-delete" style="margin-left: 8px;" disabled>删除</el-button>
								</span>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="7">
                                <el-form-item label="工程类别:" prop="recordProjectType" label-width="120px">
                                    <el-form-item prop="projectType">
                                        <el-select  v-model="viewrecordProject.recordProjectType" style="width: 325px"placeholder="请选择" @change="syChangeValue" disabled>
                                            <el-option label="涉核设施" value="0"></el-option>
                                            <el-option label="国家水电工程" value="1"></el-option>
                                            <el-option label="特殊设防类工程" value="2"></el-option>
                                            <el-option label="严重次生灾害工程" value="3"></el-option>
                                            <el-option label="省级重大建设工程" value="4"></el-option>
                                            <el-option label="重要基础设施" value="5"></el-option>
                                            <el-option label="其他" value="6"></el-option>
                                        </el-select>
                                    </el-form-item>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <!--建设单位信息-->
                        <el-row>
                            <el-col :span="4" class="tab-title">
                                建设单位信息
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="12">
                                <el-form-item label="单位名称:" prop="recordUnitName" label-width="120px">
                                    <el-input v-model="viewrecordProject.recordUnitName" placeholder="" disabled></el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label="联系人:" prop="recordUnitUser" label-width="110px">
                                    <el-input v-model="viewrecordProject.recordUnitUser" placeholder="" disabled></el-input>
                                </el-form-item>
                            </el-col>
                            <el-col span="5">
                                <el-form-item label="电话" prop="recordUnitPhone" label-width="110px">
                                    <el-input v-model="viewrecordProject.recordUnitPhone" placeholder="" disabled></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="18">
                                <el-form-item label="营业执照号码或三证合一证照号码:" prop="recordUnitCode" label-width="240px">
                                    <el-input v-model="viewrecordProject.recordUnitCode" placeholder="" disabled></el-input>
                                    </el-date-picker>
                                </el-form-item>
                            </el-col>
                            <el-col :span="5">
                                <el-form-item label="法人:" prop="recordUnitLegal" label-width="110px">
                                    <el-input v-model="viewrecordProject.recordUnitLegal" placeholder="" disabled></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="18">
                                <el-form-item label="单位地址:" prop="recordUnitLocation" label-width="120px">
                                    <el-input v-model="viewrecordProject.recordUnitLocation" disabled></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <!--安评项目情况-->
                        <el-row>
                            <el-col :span="4" class="tab-title">
                                安评项目情况
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="8">
                                <el-form-item label="承担单位名称:" prop="recordProjectUnitname" label-width="110px">
                                    <el-input v-model="viewrecordProject.recordProjectUnitname" placeholder="" disabled></el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="委托合同额:" prop="recordProjectContractAmount" label-width="150px">
                                    <el-input v-model="viewrecordProject.recordProjectContractAmount" placeholder="" disabled style="width:170px"></el-input> 万元
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="联系人:" prop="recordProjectUser" label-width="180px">
                                    <el-input v-model="viewrecordProject.recordProjectUser" placeholder="" disabled></el-input>
                                </el-form-item>
                            </el-col>

                        </el-row>
                        <el-row>
                            <el-col span="8">
                                <el-form-item label="电话:" prop="recordProjectPhone" label-width="110px">
                                    <el-input v-model="viewrecordProject.recordProjectPhone" placeholder="" disabled></el-input>
                                </el-form-item>
                            </el-col>
                            <el-col span="8">
                                <el-form-item label="承担单位法人:" prop="recordProjectLegal" label-width="150px">
                                    <el-input v-model="viewrecordProject.recordProjectLegal" placeholder="" disabled></el-input>
                                </el-form-item>
                            </el-col>
                            <el-col span="8">
                                <el-form-item label="承担单位技术负责人:" prop="recordProjectDirector" label-width="180px">
                                    <el-input v-model="viewrecordProject.recordProjectDirector" placeholder="" disabled></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="8">
                                <el-form-item label="安评工作开始时间:" prop="apStartTime" label-width="130px">
                                    <el-date-picker type="date" v-model="viewrecordProject.apStartTime"placeholder="选择日期" value-format="yyyy-MM-dd" disabled></el-date-picker>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="安评工作结束时间:" prop="apEndTime" label-width="150px">
                                    <el-date-picker type="date" v-model="viewrecordProject.apEndTime" placeholder="选择日期" value-format="yyyy-MM-dd" disabled></el-date-picker>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="审定单位名称:" prop="recordProjectCheckunit" label-width="180px">
                                    <el-input v-model="viewrecordProject.recordProjectCheckunit" placeholder="" disabled></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="8">
                                <el-form-item label="审定完成时间:" prop="recordProjectCheckTime" label-width="120px">
                                    <el-date-picker type="date" placeholder="选择日期" v-model="viewrecordProject.recordProjectCheckTime" value-format="yyyy-MM-dd" disabled>
                                    </el-date-picker>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="审定部门意见:" prop="recordProjectView" label-width="150px">
                                    <el-select  v-model="viewrecordProject.recordProjectView" placeholder="请选择" style="width: 180px;" disabled>
                                        <el-option label="同意" value="1"></el-option>
                                        <el-option label="不同意" value="0"></el-option>
                                    </el-select>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="备案级别:" prop="recordLevel" label-width="180px">
                                    <el-select v-model="viewrecordProject.recordLevel" placeholder="请选择备案级别" disabled>
                                        <el-option label="地市级" value="0"></el-option>
                                        <el-option label="省级" value="1"></el-option>
                                        <el-option label="国家级" value="2"></el-option>
                                    </el-select>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="24">
                                <el-form-item label="附件:" label-width="120px">
                                    <iframe width="100%" style="height: 200px;border: none;"   :src="link"></iframe>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <!--项目备案信息-->
                        <el-row>
                            <el-col :span="4" class="tab-title">
                                项目备案信息
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="6">
                                <el-form-item label="备案时间:" prop="recordTime"  label-width="110px">
                                    <el-date-picker
                                            disabled
                                            v-model="viewrecordProject.recordTime"
                                            type="date"
                                            placeholder="">
                                    </el-date-picker>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label="备案人员:" prop="recordUser" label-width="110px">
                                    <el-input v-model="viewrecordProject.recordUser"  placeholder="" disabled></el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label="备案部门:" prop="recordOrg" label-width="110px">
                                    <el-input v-model="viewrecordProject.recordOrg"  placeholder="" disabled></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="24">
                                <el-form-item label="备注:" prop="recordRemark" label-width="110px">
                                    <el-input
                                            disabled
                                            type="textarea"
                                            :autosize="{ minRows: 8, maxRows: 8}"
                                            placeholder=""
                                            maxlength="500"
                                            show-word-limit
                                            v-model="viewrecordProject.recordRemark">
                                    </el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <!--审定信息-->
                        <!--审定信息：审定状态为2：审定未过 、3：审定通过 时展示审定信息-->
                        <div v-if="viewrecordProject.status==2 || viewrecordProject.status==3">
                            <el-row>
                                <el-col :span="4" class="tab-title">
                                    审定信息
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="6">
                                    <el-form-item label="审定人员:" prop="checkUser" label-width="110px">
                                        <el-input v-model="viewrecordProject.checkUser" placeholder="" disabled></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="6">
                                    <el-form-item label="审定人员机构:" prop="checkUserOrg">
                                        <el-input v-model="viewrecordProject.checkUserOrg" placeholder="" disabled></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="6">
                                    <el-form-item label="审定结果:" prop="checkResult" label-width="110px">
                                        <el-select  v-model="viewrecordProject.checkResult" placeholder="请选择" disabled>
                                            <el-option label="同意" value="1"></el-option>
                                            <el-option label="不同意" value="2"></el-option>
                                        </el-select>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="24">
                                    <el-form-item label="审定意见:" prop="checkView" label-width="110px">
                                        <el-input
                                                disabled
                                                type="textarea"
                                                :autosize="{ minRows: 8, maxRows: 8}"
                                                placeholder="请输入内容"
                                                maxlength="500"
                                                show-word-limit
                                                v-model="viewrecordProject.checkView">
                                        </el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                        </div>
                        <el-row>
                            <el-col :span="22">
                                <div style="float:right;">
                                    <el-button type="info" size="small" style="width: 60px;height: 30px;" @click="apcodeInfoDialogForm = false">关闭</el-button>
                                </div>
                            </el-col>
                        </el-row>
                    </el-form>
                </div>
            </el-dialog>
            <!-- 专家详细信息 -->
            <el-dialog title="" :visible.sync="expertInfoDialogForm" center fullscreen>
                <div style="margin-top: 10px;">
                    <el-form :model="expertmessage" :rules="rules" ref="expertmessage" label-width="140px">
                        <!--专家信息表-->
                        <el-row>
                            <el-col :span="4" class="tab-title">
                                专家信息表
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="6">
                                <el-form-item label="专家姓名:" prop="expertName">
                                    <el-input v-model="expertmessage.expertName" placeholder="" :disabled="true"></el-input>
                                </el-form-item>
                            </el-col>
                            <el-col span="6">
                                <el-form-item label="性别:" prop="expertSex">
                                    <el-select v-model="expertmessage.expertSex" placeholder="请选择性别" :disabled="true">
                                        <el-option label="男" value="1"></el-option>
                                        <el-option label="女" value="2"></el-option>
                                    </el-select>
                                </el-form-item>
                            </el-col>
                            <el-col span="6">
                                <el-form-item label="行业标准:" prop="lineStandard">
                                    <el-input v-model="expertmessage.lineStandard" placeholder="" :disabled="true"></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col span="6">
                                <el-form-item label="证件类型:" prop="certype">
                                    <el-select v-model="expertmessage.certype" placeholder="请选择证件类型" :disabled="true">
                                        <el-option label="统一社会信用代码证" value="001"></el-option>
                                        <el-option label="其他法人或其他组织有效证件" value="099"></el-option>
                                        <el-option label="居民身份证" value="111"></el-option>
                                        <el-option label="临时居民身份证" value="112"></el-option>
                                        <el-option label="户口簿" value="113"></el-option>
                                        <el-option label="中国人民解放军军官证" value="114"></el-option>
                                        <el-option label="中国人民武警警察部队警官证" value="115"></el-option>
                                        <el-option label="出生医学证明" value="117"></el-option>
                                        <el-option label="中国人民解放军士兵证" value="118"></el-option>
                                        <el-option label="中国人民武警警察部队士兵证" value="119"></el-option>
                                        <el-option label="中国人民解放军文职人员证" value="120"></el-option>
                                        <el-option label="中国人民武装警察部队文职人员证" value="122"></el-option>
                                        <el-option label="居住证" value="154"></el-option>
                                        <el-option label="外交护照" value="411"></el-option>
                                        <el-option label="公务护照" value="412"></el-option>
                                        <el-option label="公务普通护照" value="413"></el-option>
                                        <el-option label="普通护照" value="414"></el-option>
                                        <el-option label="旅行证" value="415"></el-option>
                                    </el-select>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label="身份证号:" prop="expertIdcard" style="position: relative;">
                                    <el-input v-model="expertmessage.expertIdcard" placeholder="" :disabled="true"></el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label="联系方式:" prop="expertTel" style="position: relative;">
                                    <el-input v-model="expertmessage.expertTel" placeholder="" :disabled="true"></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="6">
                                <el-form-item label="专家等级:" prop="expertLevl">
                                    <el-select v-model="expertmessage.expertLevl" placeholder="请选择专家等级" :disabled="true">
                                        <el-option label="省级" value="1"></el-option>
                                        <el-option label="国家" value="2"></el-option>
                                    </el-select>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label="专业类型:" prop="major">
                                    <el-select v-model="expertmessage.major" placeholder="请选择专业类型" :disabled="true">
                                        <el-option label="地震学" value="0"></el-option>
                                        <el-option label="地震地质学" value="1"></el-option>
                                        <el-option label="地震工程学" value="2"></el-option>
                                    </el-select>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label="行业类别:" prop="lineType" style="position: relative;">
                                    <el-input v-model="expertmessage.lineType" placeholder="" :disabled="true"></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="6">
                                <el-form-item label="工作单位名称:" prop="unitName">
                                    <el-input v-model="expertmessage.unitName" placeholder="填写单位名称" :disabled="true"></el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label="工作单位统一社会信用代码:" prop="unitCode">
                                    <el-input v-model="expertmessage.unitCode" placeholder="工作单位统一社会信用代码" :disabled="true"></el-input>
                                </el-form-item>
                            </el-col>
                            <el-col :span="6">
                                <el-form-item label="参加工作时间:" prop="workTime">
                                    <el-date-picker
                                            v-model="expertmessage.workTime"
                                            :disabled="true"
                                            type="date"
                                            placeholder="选择工作时间">
                                    </el-date-picker>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="24">
                                <el-form-item label="单位所在地:" v-model="expertmessage.unitAddress" style="letter-spacing: 1.2px;" prop="unitAddress">
                                    <el-select v-model="provinceValue" prop="provinceValue" placeholder="请选择省" @change="chooseProvince" style="width: 150px;" :disabled="true">
                                        <el-option
                                                v-for="item in provinceData"
                                                :key="item.code"
                                                :label="item.name"
                                                :value="item.name">
                                        </el-option>
                                    </el-select>
                                    <span style="color: #C0CCDA;;">—</span>
                                    <el-select v-model="cityValue"  prop="cityValue" placeholder="请选择市" @change="chooseCity" style="width: 150px;" :disabled="true">
                                        <el-option
                                                v-for="item in cityData"
                                                :key="item.code"
                                                :label="item.name"
                                                :value="item.name">
                                        </el-option>
                                    </el-select>
                                    <span style="color: #C0CCDA;;">—</span>
                                    <el-select v-model="areaValue"  prop="areaValue" @change="chooseArea" placeholder="请选择区、县" style="width: 150px;" :disabled="true">
                                        <el-option
                                                v-for="item in areaData"
                                                :key="item.code"
                                                :label="item.name"
                                                :value="item.name">
                                        </el-option>
                                    </el-select>
                                    <span style="color: #C0CCDA;;">—</span>
                                    <el-input v-model="detailAddress" placeholder="填写详细地址" :disabled="true" style="width: 250px;"></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="12">
                                <el-form-item label="家庭住址:" prop="expertAddress" style="position: relative;">
                                    <el-input v-model="expertmessage.expertAddress" placeholder="" :disabled="true"></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col span="22">
                                <el-form-item label="专家资历:" prop="expertSeniority">
                                    <iframe id="viewFrame" style="overflow:hidden;height:40vh;width:100%;" width="100%" frameBorder="0"
                                            :src="link"></iframe>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="22">
                                <div style="float:right;">
                                    <el-button type="info" size="small" style="width: 60px;height: 30px;" @click="expertInfoDialogForm = false;clearForm();">取消</el-button>
                                </div>
                            </el-col>
                        </el-row>

                    </el-form>
                </div>
            </el-dialog>
        </div>
    </div>
</body>
<script>
    var vm  = new Vue({
        el: '#apcodeextract',
        data() {
            let checkNumber = (rule, value, callback) => {
                if(!checkNum(value)) {
                    callback(new Error("请输入非负小数"));
                } else {
                    callback();
                }
            };
            let checkExtractNum = (rule, value, callback) => {
                if(value <= 0) {
                    callback(new Error("请输入大于等于0的数"));
                } else {
                    callback();
                }
            };
            return{
                uuid:'',
                link:'',//iframe链接
                formDisabled: false,
                // 列表页分页
                currentPage: 1, //默认显示页面为1
                pagesize: 10, // 每页的数据条数
                tableTotal:'',

                // 抽取人机构名
                extractOrgName : '',


                // 专家抽取条件增加
                inputDoms: "",
                tableIndex: 0,
                form: {
                    expertTableData: []
                },

                // 专家分页
                expertCurrentPage: 1,
                expertPagesize: 5,
                expertTableTotal: '',
                // 安评单位工作成果分页
                apCodeCurrentPage: 1,
                apCodePagesize: 5,
                apCodeTableTotal: '',

                selectForm: {
                    taskTitle: '',
                },
                // 安评工作成果抽取信息
                apcodeextract: {
                    id: '',
                    superTitle: '',
                    superTaskProporState: '',
                    superTaskProporProvin: '',
                    superTaskProporLocal: '',
                    superTaskNum: '',
                    taskContent: ''
                },
                gonggao: {
                    publicId:'',
                    relationId: '',
                    content: '',
                    publicState: '',
                    title: '', // 拟制公告标题
                    attachContent: '', // 附加内容
                    createUser: '',
                    inputenTime: '',
                    isPublic : '0'
                },
                // 专家抽取信息
                expertextract: {
                    id: '',
                    taskId: '',
                    recordId: '',
                    countryRatio: '',
                    provinceRatio: '',
                    cityRatio: '',
                    expertNum: '',
                    unitName:''
                },
                // 安评成果详情
                viewrecordProject:{
                    recordProjectName:'',
                    address:[{
                        provinceValue:'',
                        cityValue:'',
                        areaValue:'',
                        detailAddress:'',
                        provinceData:[],
                        cityData:[],
                        areaData:[]
                    }],
                    recordProjectAddress:'',
                    recordProjectType:'',
                    recordUnitName:'',
                    recordUnitUser:'',
                    recordUnitPhone:'',
                    recordUnitCode:'',
                    recordUnitLegal:'',
                    recordProjectUnitname:'',
                    recordProjectContractAmount:'',
                    recordProjectUser:'',
                    recordProjectPhone:'',
                    recordProjectLegal:'',
                    recordProjectDirector:'',
                    recordProjectCheckunit:'',
                    recordProjectCheckTime:'',
                    recordProjectView:'',
                    recordProjectFj:'',
                    recordTime:'',
                    recordUser:'',
                    recordOrg:'',
                    recordRemark:'',
                    status:'',
                    checkUser:'',
                    checkUserOrg:'',
                    checkResult:'',
                    checkView:'',
                    createUserId:'',
                    createTime:'',
                    updateUserId:'',
                    updateTime:'',
                    delFlag:'',
                    reportStatus:'',
                    recordLevel:'',
                    recordUnitLocation:'',
                    apStartTime:'',
                    apEndTime : '',
                },
                // 专家详细信息
                expertmessage: {
                    expertId:'', //表单id
                    expertName: '',
                    expertIdcard: '',
                    expertSex: '',
                    expertSeniority: '',
                    unitAddress: '',
                    workTime: '',
                    expertLevl: '',
                    major:'',
                    unitName:'',
                    unitCode:'',
                    certype:'',
                    expertTel:'',
                    lineType:'',
                    lineStandard:'',
                    expertAddress:''
                },
                provinceValue:'',
                cityValue:'',
                areaValue:'',
                detailAddress:'',

                companyInformation: [],
                currentRow: null,
                tableData: [],
                apcodeData: [],
                expertData: [],
                showOnSubmit: true,

                showApcodeExtract: true, // 抽取安评工作成果按钮
                showExpertExtract: true, // 抽取专家按钮
                showAddExpert: true, // 新增专家抽取条件按钮
                
                dialogApcodeForm: false, // 安评成果抽取列表dialog
                dialogExpertForm: false, // 专家抽取dialog
                dialogExpertViewForm : false, // 查看专家抽取dialog
                apcodeInfoDialogForm: false, // 安评成果详情dialog
                expertInfoDialogForm: false, // 专家详情dialog
                dialogGongGaoForm: false,
                formDisabled: false,
                apCodeFormDisabled: false,
                expertFormDisabled: false,
                dialogGongGaoViewForm:false,

                //分页自定义参数
                taskId: '',

                // 登录人信息
                orgLevel: '',
                orgName: '',
                userName: '',
                rules: {
                    superTitle: [{
                        required: true,
                        message: "标题必填",
                        trigger: "blur"
                    }],
                    superTaskProporState: [{
                        required: true,
                        message: "国家级抽取比例必填",
                        trigger: "blur"
                    },{
                        validator: checkNumber,
                        message: '请填写正确的数值类型',
                        trigger: 'blur'
                    }],
                    superTaskProporProvin: [{
                        required: true,
                        message: "省级抽取比例必填",
                        trigger : "blur"
                    },{
                        validator: checkNumber,
                        message: '请填写正确的数值类型',
                        trigger: 'blur'
                    }],
                    superTaskProporLocal: [{
                        required: true,
                        message: "地、市级抽取比例必填",
                        trigger: "blur"
                    },{
                        validator: checkNumber,
                        message: '请填写正确的数值类型',
                        trigger: 'blur'
                    }],
                    superTaskNum: [{
                        required: true,
                        message: "抽取总数必填",
                        trigger: "blur"
                    },{
                        validator: checkExtractNum,
                        message: '抽取总数必须大于0',
                        trigger: 'blur'
                    },{
                        validator: isPositiveInteger,
                        message:'请输入正确数值',
                        trigger:'blur'
                    }],
                    major: [{
                        required: true,
                        message: "专业必填",
                        trigger: "blur"
                    }],
                    countryRatio: [{
                        required: true,
                        message: "国家抽取比例必填",
                        trigger: "blur"
                    },{
                        validator: checkNumber,
                        message: '请填写正确的数值类型',
                        trigger: 'blur'
                    }],
                    provinceRatio: [{
                        required: true,
                        message: "省级抽取比例必填",
                        trigger: "blur"
                    },{
                        validator: checkNumber,
                        message: '请填写正确的数值类型',
                        trigger: 'blur'
                    }],
                    cityRatio: [{
                        required: true,
                        message: "省外抽取比例必填",
                        trigger: "blur"
                    },{
                        validator: checkNumber,
                        message: '请填写正确的数值类型',
                        trigger: 'blur'
                    }],
                    expertNum: [{
                        required: true,
                        message: "抽取总数必填",
                        trigger: "blur"
                    },{
                        validator: checkExtractNum,
                        message: "抽取总数必须大于0",
                        trigger: 'blur'
                    },{
                        validator: isPositiveInteger,
                        message:'请输入正确数值',
                        trigger:'blur'
                    }]
                }
            }
        },
        created: function() {
            // 获取登录用户信息
            var userInfo = JSON.parse(localStorage.getItem('userInfo'));
            this.orgLevel = userInfo.orgLevel;
            // 中国地震局 ==> 中国, 山东省-济南市地震局 ==> 山东省-济南市
            this.orgName = userInfo.orgName.replace("地震局", "");
            this.userName=userInfo.loginName;
        },
        mounted() {
            this.getData();
        },
        methods: {
            getData() {
                var pagesize = this.pagesize;
                var pageno = this.currentPage;
                axios({
                    method: 'get',
                    url: '/dzjap/supersiveController/queryApSupersiveTaskInfo',
                    params: {
                        pageSize: pagesize,
                        pageNo: pageno,
                        type: '2'
                    }
                })
                .then(response => {
                    let data = response.data;
                    if (data.code == 200) {
                        let dataInformation = data.apSupersiveTaskInfoEntities.results;
                        this.tableTotal = data.apSupersiveTaskInfoEntities.total;// 数据长度
                        this.tableData = dataInformation;

                    } else {
                        this.$message.error(data.msg);
                    }
                })
                .catch(function (error) {
                    console.log(error);
                });
            },
            //获取UUID的方法
            getUuid() {
                axios({
                    method: 'get',
                    url: '/dzjap/uuid/getUuid',
                })
                    .then(response => {
                    if (response.data.code == 200) {
                    this.uuid = response.data.data;
                    this.link="../upload/annex.html?uuid="+this.uuid+"&flag=1";
                } else {
                    this.$message.error(response.data.msg);
                }
            })
            .catch(function (error) {
                    console.log(error);
                });
            },
            // 添加安评工作成功监管任务
            apply(){
                this.clearApcodeExtract();
                this.dialogApcodeForm = true;
                this.showApcodeExtract = true;
                this.showOnSubmit = true;
                this.apCodeFormDisabled = false;
            },
            // 搜索
            searchForm(selectForm) {
                var pagesize = this.pagesize;
                var pageno = this.currentPage;

                console.log(this.selectForm);
                axios({
                    method: 'get',
                    url: '/dzjap/supersiveController/queryApSupersiveTaskInfo',
                    params: {
                        pageSize: pagesize,
                        pageNo: pageno,
                        taskTitle: this.selectForm.taskTitle,
                        type: '2'
                    }
                })
                .then(response => {
                    let data = response.data;
                    if (data.code == 200) {
                        let dataInformation = data.apSupersiveTaskInfoEntities.results;
                        this.tableTotal = data.apSupersiveTaskInfoEntities.total;// 数据长度
                        this.tableData = dataInformation;
                    } else {
                        this.$message.error(data.msg);
                    }
                })
                .catch(function (error) {
                    console.log(error);
                });
            },
            // 清空安全工作成果信息信息抽取条件
            clearApcodeExtract(){

                this.apcodeextract.id='';
                this.apcodeextract.superTitle= '';
                this.apcodeextract.superTaskProporState='';
                this.apcodeextract.superTaskProporProvin='';
                this.apcodeextract.superTaskProporLocal='';
                this.apcodeextract.superTaskNum='';
                this.apcodeextract.taskContent = '';
                this.apcodeData = [];
            },

            // 清空专家信息抽取条件
            clearExpertForm(){
                this.expertextract.unitName = '';
                this.expertextract.taskId = '';
                this.expertextract.recordId = '';
                this.expertextract.id = '';
                this.expertextract.countryRatio = '';
                this.expertextract.provinceRatio = '';
                this.expertextract.cityRatio = '';
                this.expertextract.expertNum = '';
                this.form.expertTableData = [];
                this.expertData = [];

                this.extractOrgName = '';

            },
            clearForm(){
                this.gonggao.relationId= '';
                this.gonggao.content='';
                this.gonggao.publicState= '';
                this.gonggao.title= ''; // 拟制公告标题
                this.gonggao.attachContent=''; // 附加内容
                this.gonggao.isPublic = '0';
            },
            /* 列表页重置 */
            resetForm(formName) {
                this.selectForm.taskTitle = '';
                this.getData();
            },
            //每页下拉显示数据
            handleSizeChange(size) {
                this.pagesize = size;
                this.getData();
            },
            apcodehandleSizeChange(size) {
                this.apcodePagesize = size;
                this.apCodeExtractList(this.taskId);
            },
            experthandleSizeChange(size) {
                this.expertPagesize = size;
                this.expertExtractList();
            },
            //点击第几页
            handleCurrentChange(currentPage) {
                this.currentPage = currentPage;
                this.getData();
            },
            apcodehandleCurrentChange(currentPage) {
                this.apcodeCurrentPage = currentPage;
                this.apCodeExtractList(this.taskId);
            },
            experthandleCurrentChange(currentPage) {
                this.expertCurrentPage = currentPage;
                this.expertExtractList();
            },
            // 安评工作成果抽取
            apCodeExtract(apcodeextract) {
                this.$refs[apcodeextract].validate((valid) => {
                    if(valid) {
                        axios({
                            method: 'post',
                            url: '/dzjap/supersiveController/saveTaskInfo/2',
                            data: this.apcodeextract
                        })
                        .then((response) => {
                            let data = response.data;
                            if (data.code == 200) {
                                this.$message({
                                    type: 'success',
                                    message: '安评工作成果抽取成功!'
                                });

                                this.apCodeExtractList(data.taskId);
                                this.getData();
                            } else {
                                this.$message.error(data.msg);
                            }
                        });
                    } else {
                        console.log("抽取失败！")
                        return false;
                    }
                })
            },
            // 抽取项目结果展示
            apCodeExtractList(id){
                var apcodepagesize = this.apcodePagesize;
                var apcodepageno = this.apcodeCurrentPage;

                axios({
                    method: 'post',
                    url: '/dzjap/supersiveController/queryApRecord',
                    params: {
                        pageSize: this.apcodePagesize,
                        pageNo: this.apcodeCurrentPage,
                        taskId: id,
                    }
                })
                .then((response) => {

                    let data = response.data;
                    if (data.code == 200) {
                        let dataInformation = data.apRecords.results;
                        this.apcodeTableTotal = data.apRecords.total;// 数据长度
                        this.showApcodeExtract = false;

                        this.apcodeData = dataInformation;
                        this.apcodeextract = data.apSupersiveTaskInfoEntity;
                    } else {
                        this.$message.error(data.msg);
                    }
                });
            },
            // 查看项目列表
            apCodetList(index, row) {
                this.dialogApcodeForm = true;
                this.showApcodeExtract = false;
                this.apCodeFormDisabled = true;
                this.taskId = row.id;
                this.apCodeExtractList(row.id);
            },

            // 查看安评工作成果详情
            apcodeView(index, row) {

                this.apcodeInfoDialogForm = true;
                axios({
                    method: 'post',
                    url: '/dzjap/aprecord/getAprecord/',
                    params: {
                        id: row.recordId,
                    }
                })
                    .then(response => {
                        let data = response.data;
                        if (data.code == 200) {
                            this.viewrecordProject = data.data;
                            this.uuid = response.data.data.recordId;
                            this.link="../upload/annex.html?uuid="+this.uuid+"&flag=0";
                            var arr = this.viewrecordProject.recordProjectAddress.split(",");
                            this.viewrecordProject.address=[];
                            for(let i=0;i<arr.length;i++){
                                this.viewrecordProject.address.push({
                                    provinceValue:arr[i].split("-")[0],
                                    cityValue:arr[i].split("-")[1],
                                    areaValue:arr[i].split("-")[2],
                                    detailAddress:arr[i].split("-")[3],
                                    provinceData:[],
                                    cityData:[],
                                    areaData:[]
                                })
                            }
                        } else {
                            this.$message.error(data.msg);
                        }
                    })
                    .catch(function (error) {
                        console.log(error);
                    });

            },

            // 进入抽取专家页面
            extractExpert(index, row) {
                this.clearExpertForm();
                this.extractOrgName = this.orgName;
                this.expertextract.unitName = row.recordUnitName;
                this.expertextract.taskId = row.apSuperTaskId;
                this.expertextract.recordId = row.recordId;
                this.showExpertExtract = true;
                this.showAddExpert = true;
                this.expertFormDisabled = false;
                this.dialogExpertForm = true;
            },


            // 专家抽取结果展示
            expertExtractList(){
                axios({
                    method: 'post',
                    url: '/dzjap/supersiveExpert/querySupersiveExpertOnly',
                    params: {
                        pageSize: this.expertPagesize,
                        pageNo: this.expertCurrentPage,
                        taskId: this.expertextract.taskId,
                        recordId: this.expertextract.recordId
                    }
                })
                    .then((response) => {
                        debugger;
                        let data = response.data;
                        if (data.code == 200) {
                            let dataInformation = data.data.results;
                            this.clearExpertForm();
                            this.expertTableTotal = data.data.total;// 数据长度
                            this.dialogExpertForm = false;
                            this.dialogExpertViewForm = true;
                            this.expertFormDisabled = true;
                            this.showExpertExtract = false;
                            this.showAddExpert = false;

                            this.expertData = dataInformation;
                            this.form.expertTableData = data.apSupersiveExpertInfoEntities;
                            this.extractOrgName = data.apSupersiveExpertInfoEntities[0].extractPersonDept.replace("地震局", "");
                            this.expertextract.taskId = data.apSupersiveExpertInfoEntities[0].taskId;
                            this.expertextract.recordId = data.apSupersiveExpertInfoEntities[0].recordId;
                            this.apCodeExtractList(data.apSupersiveExpertInfoEntities.taskId);
                        } else {
                            this.$message.error(data.msg);
                        }
                    });
            },
            // 查看专家列表
            expertList(index, row) {
                this.expertextract.taskId = row.apSuperTaskId;
                this.expertextract.recordId = row.recordId;
                this.expertExtractList();
            },

            // 查看专家详情
            expertView(index, row) {
                this.expertInfoDialogForm = true;
                this.formDisabled=true;
                axios({
                    method: 'post',
                    url: '/dzjap/info/findbyid/' + row.expertId
                })
                    .then(response => {
                        let data = response.data;
                        if (data.code == 200) {
                            let rowdata = response.data.apExpertEntity;
                            this.uuid =  row.expertId;
                            this.link="../upload/annex.html?uuid="+this.uuid+"&flag=0";
                            this.expertmessage = rowdata;
                            // 证件号码加密
                            if(this.expertmessage.expertIdcard != "") {
                                this.expertmessage.expertIdcard = enctryptIdcard(this.expertmessage.expertIdcard);
                            }
                            // 地址回显
                            var arr = rowdata.unitAddress.split("-");
                            this.provinceValue = arr[0];
                            this.cityValue = arr[1];
                            this.areaValue = arr[2];
                            this.detailAddress=arr[3];
                        } else {
                            this.$message.error(data.msg);
                        }
                    })
                    .catch(function (error) {
                        console.log(error);
                    });
            },
            // 拟制公告
            gongGao(index,row){
                this.dialogGongGaoForm=true;
                axios({
                    method: 'post',
                    url: '/dzjap/supersiveController/findRecordById',
                    params: {
                        taskId: row.id
                    }
                })
                    .then(response => {
                        let data = response.data;
                        if (data.code == 200) {
                            let rowdata = response.data.data;
                            this.clearForm();
                            this.gonggao.relationId=row.id;
                            this.apcodeextract.superTitle=row.superTitle;
                            this.getUuid();
                            this.earthSuDataPublic = rowdata;
                        } else {
                            this.$message.error(data.msg);
                        }
                    })
                    .catch(function (error) {
                        console.log(error);
                    });
            },
            release(){
                this.gonggao.publicId=this.uuid;
                this.gonggao.attachContent = this.gonggao.attachContent.replace(/[\n\r]/g,'<br/>');
                axios({
                    method: 'post',
                    url: '/dzjap/supersiveController/addPub',
                    data: this.gonggao
                })
                    .then(response => {
                    let data = response.data;
                if (data.code == 200) {
                    this.dialogGongGaoForm = false;
                    this.clearForm(); // 重置
                    console.log(response);

                    // 拟制公告--发布成功
                    this.$message({
                        type: 'success',
                        message: '拟制公告发布成功!'
                    });
                    this.getData();
                } else {
                    this.$message.error(data.msg);
                }
            })
            .catch(function (error) {
                    console.log(error);
                });
            },
            // 查看公告
            gongGaoView(index,row) {
                this.dialogGongGaoViewForm = true;
                axios({
                    method: 'get',
                    url: '/dzjap/publick/getGlPublick',
                    params: {
                        relationId: row.id
                    }
                })
                    .then(response => {
                    let data = response.data;
                if (data.code == 200) {
                    let rowdata = response.data.data;
                    this.clearForm(); // 重置
                    this.uuid = response.data.data.publicId;
                    this.link="../upload/annex.html?uuid="+this.uuid+"&flag=0";
                    this.gonggao = rowdata;

                } else {
                    this.$message.error(data.msg);
                }
            })
            .catch(function (error) {
                    console.log(error);
                });
            },
            initInputDOM() {
                const inputDoms = document.querySelectorAll(
                    "#table-form .el-input__inner"
                );
                inputDoms.forEach((item, index) => {
                    item.setAttribute("data-index", index);
                });
                this.inputDoms = inputDoms;
            },
            nextFocus(event, row) {
                const index = event.target.getAttribute("data-index");
                const nextIndex = parseInt(index) + 1;
                const length = this.inputDoms.length;
                if (nextIndex < length) {
                    this.inputDoms[nextIndex].focus();
                } else {
                    this.inputDoms[0].focus();
                }
            },
            // 添加专家抽取条件
            add() {
                this.form.expertTableData.push({
                    unitName: this.expertextract.unitName,
                    taskId: this.expertextract.taskId,
                    recordId: this.expertextract.recordId,
                    major: "",
                    countryRatio: "",
                    provinceRatio: "",
                    cityRatio: "",
                    expertNum: ""
                });
                this.$nextTick(() => {
                    this.initInputDOM();
                });
            },
            del(index) {
                this.form.expertTableData.splice(index, 1);
            },
            // 抽取专家
            expertExtract() {
                console.log(this.form.expertTableData);
                this.$refs.form.validate(valid => {
                    if (valid) {
                        axios({
                            method: 'post',
                            url: '/dzjap/supersiveExpert/saveSupersiveExpert',
                            data: this.form.expertTableData
                        })
                            .then((response) => {
                                let data = response.data;
                                if (data.code == 200) {
                                    this.expertExtractList();
                                    this.getData();
                                    this.apCodeExtractList(this.expertextract.taskId);
                                } else {
                                    this.$message.error(data.msg);
                                }
                            });
                    }else {
                        console.log("error!!")
                        return false;
                    }
                });
            }

        }
    })

</script>
</html>